<template>
	<HyCard title="基本信息">
		<el-descriptions :column="2" border>
			<el-descriptions-item label="统一社会信用代码">{{ props.detailData.unifiedSocialCreditcode }}</el-descriptions-item>
			<el-descriptions-item label="第三方机构名称">{{ props.detailData.institutionName }}</el-descriptions-item>
			<el-descriptions-item label="联系人">{{ props.detailData.contacts }}</el-descriptions-item>
			<el-descriptions-item label="联系人电话">{{ props.detailData.telephone }}</el-descriptions-item>
			<el-descriptions-item label="成立日期">{{ props.detailData.incorporate }}</el-descriptions-item>
			<el-descriptions-item label="注册地址">{{ props.detailData.registeredAddress }}</el-descriptions-item>
			<el-descriptions-item label="经营状态">{{ props.detailData.businessStatusName }}</el-descriptions-item>
			<el-descriptions-item label="经营范围">{{ props.detailData.businessScope }}</el-descriptions-item>
			<el-descriptions-item label="营业执照" span="2"
				><HyUpload :type="'view'" v-model="props.detailData.businessLicenseFiles"
			/></el-descriptions-item>
			<el-descriptions-item label="中标合同" span="2"
				><HyUpload :type="'view'" v-model="props.detailData.contractAwardedFiles"
			/></el-descriptions-item>
		</el-descriptions>
	</HyCard>
</template>
<script setup lang="ts">
import HyCard from '/@/components/HyCard/index.vue';
import HyUpload from '/@/components/HyUpload/index.vue';

const props = defineProps({
	detailData: {
		type: Object,
		default: () => {
			return {
				unifiedSocialCreditcode: '',
				institutionName: '',
				telephone: '',
				incorporate: '',
				registeredAddress: '',
				ethnicGroupName: '',
				businessScope: '',
				businessLicenseFiles: [],
				contractAwardedFiles: [],
				contacts: '',
			};
		},
	},
});
</script>
<style scoped lang="scss">
:deep(.el-descriptions__label) {
	width: 10% !important;
}
</style>
